<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
    <!--相对路径：从当前html出发去找资源
        1.图片与html文件在同一级目录，直接写图片全名 1.png
        2.图片在html文件的下一级目录，先写文件夹，再写图片全名 img/2.png
        3.图片在html文件上一级目录，先 ../ 回到上一级目录，再写图片全名../3.png
    -->
    <img src="1.png">
    <img src="img/2.png">
    <img src="../3.png">
    <hr>
<!--    图片不能被正常加载时  用alt显示替换的文字-->
    <img src="abc/2.png" alt="图片被偷走了" ><br>
<!--    -->
    <img src="1.png" height="150px" title="这是一张网页的图片"><br>

<!--    绝对路径:从根目录出发(盘符/协议)出发去找资源-->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png" title="这是一张网上的图片">
</body>
</html>